cash-flow {
  .title {
    font-size: 1.8rem;
    padding: 0 1rem;
  }
  .wrap {
    padding: 1rem 1rem 2rem 1rem;
    border-bottom: 1px solid #EFEFEF;
    .list {
      .iconfont {
        color: #ACAFC2;
      }
    }
    .content {
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #333333;
      letter-spacing: 0;
    }
    .little-content {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #4A6088;
      letter-spacing: 0;
    }
  }

  number-slider.define-class {
    padding-left: 2rem;
    .mt-number-animate {
      .mt-number-animate-dom {
        width: 12px;
        .mt-number-animate-span {
          font-family: HiraginoSans-W6;
          font-size: 18px;
          color: #364E7A;
          letter-spacing: -1px;
        }
      }
    }
  }

  .segment {
    ion-segment.segment-ios {
      border-radius: 2rem;
      ion-segment-button.segment-button {
        border: none;
        font-family: PingFangSC-Regular;
        color: #777777;
        //height: 4rem;
        font-size: 16px;
        //line-height: 4rem;
        letter-spacing: 0;
        &.segment-activated {
          background-image: linear-gradient(-135deg, #51B2F8 0%, #1C87E1 63%);
          color: white;
        }

      }
    }
  }
  .segment-wrap {
    padding: 0 1rem;
    font-size: 16px;
    > div {
      font-family: PingFangSC-Regular;
      color: #777777;
      letter-spacing: 0;
      height: 3.2rem;
      line-height: 3.2rem;
      margin: 1rem 0;
      background: #F1F7FF;
      &:first-child {
        border-radius: .5rem 0 0 .5rem;
      }
      &:last-child {
        border-radius: 0 .5rem .5rem 0;
      }
      &.active {
        background-image: linear-gradient(-135deg, #51B2F8 0%, #1C87E1 63%);
        color: white;
      }
    }
  }

  .chart-wrap {
    .segment-toggle{
      padding: 1rem;
      ion-toggle.toggle-ios.define-toggle .toggle-icon .toggle-inner:after {
        top: -3px;
      }
    }
    > div:last-child {
      height: 200px;
      width: 100%;
    }
  }

  //#chart {
  //  position: absolute;
  //  width: 100%;
  //  height: 100%;
  //}
  //.demo-chart {
  //  height: 400px;
  //}
}
